<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/glydz.css"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="top">
			<img src="img/logo.png"/>
			<h3>工地直播</h3>
			<div>
				<div class="glyphicon glyphicon-user">
					<p>我的</p>
				</div>
				<div class="glyphicon glyphicon-th-list">
					<p>导航</p>
				</div>
			</div>
		</div>
		<div id="xq">
			<p>观澜时代国际花园云邸5幢  <span class="grey">泥木工程</span></p>
			<p>
				户型：<span class="grey">二室</span>
				<span class="span">面积：<span class="grey">60-90㎡</span></span>
				<span class="span">装修预算：<span class="grey">18万</span></span>
			</p>
			<p>工地概况：<span class="grey">百万平米超级大盘，占据钱塘江北岸最美的江湾和湿地</span></p>
			<div id="pl">
				<div>
					<span class="glyphicon glyphicon-pencil"></span>
					<span>评论</span>
					<span>(10)</span>
				</div>
				<div>
					<span class="glyphicon glyphicon-tags"></span>
					<span>预约参观工地</span>
				</div>
			</div>
		</div>
		
		<div id="shiy">
			<p>
				<span>设计师：<a href="#" style="color: #00BE9C;">吴飞柯</a></span>
				<span style="margin-left: 2rem;">项目经理：<span style="color: grey;">王永龙</span></span>
			</p>
			<div style="border-left: 0.07rem solid gainsboro;" class="bbox">
				<div class="box">
					<div class="yuan"></div>
					<div class="xian"></div>
					<div class="date">2016-07-11</div>
					<div class="nm">泥木</div>
					<div class="ys">验收阶段</div>
				</div>
				<p>泥木工程试验成功</p>
				<div class="cg">
					<img src="img/爱奇艺20170913093507.png"/>
					<img src="img/爱奇艺20170913093544.png"/>
					<img src="img/爱奇艺20170913093605.png"/>
					<img src="img/爱奇艺20170913093507.png"/>
					<img src="img/爱奇艺20170913093544.png"/>
					<img src="img/爱奇艺20170913093605.png"/>
				</div>
			</div>
			<div style="border-left: 0.07rem solid gainsboro;" class="bbox">
				<div class="box">
					<div class="yuan"></div>
					<div class="xian"></div>
					<div class="date">2016-04-27</div>
					<div class="nm">水电</div>
					<div class="ys">验收阶段</div>
				</div>
				<p>水电工程试验成功</p>
				<div class="cg">
					<img src="img/爱奇艺20170913094132.png"/>
					<img src="img/爱奇艺20170913094144.png"/>
					<img src="img/爱奇艺20170913094205.png"/>
				</div>
			</div>
			<div style="border-left: 0.07rem solid gainsboro;" class="bbox">
				<div class="box">
					<div class="yuan"></div>
					<div class="xian"></div>
					<div class="date">2016-04-15</div>
					<div class="nm">水电</div>
					<div class="ys" style="background: grey;">施工阶段</div>
				</div>
				<p>水电施工作业现场直播</p>
				<div class="cg">
					<img src="img/爱奇艺20170913094508.png" style="width: 95%;"/>
				</div>
			</div>
		</div>
		<div id="jieshao" style="text-indent:2em">
				房先森互联网加装有别于传统装修公司与其他装修中介平台，以自营模式整合设计师与项目经理，杜绝项目转包外包，利用互联网将工地进行在线全景直播，通过去中间环节，提供装修套餐 + 个性化定制服务。
			</div>
			<div id="kf">
			<p class="glyphicon glyphicon-earphone"></p><span>服务热线：400-9977-658</span>
			<div id="cc">
				<div class="ccc on">触屏版</div>
				<div class="ccc">电脑版</div>
				<div class="ccc">关于我们</div>
				<div class="ccc">联系我们</div>
			</div>
			</div>
			<div id="bottom">
				<div>
					<img src="img/icon_close.png" id="x"/>
				</div>
				<div>
					<img src="img/quoten_bottom.png" id="free"/>
				</div>
				<button class="btn">免费获取报价</button>
			</div>
		
		<div id="dingzhi">
			<div class="glyphicon glyphicon-arrow-up"></div>
		</div>
	</body>
	<script type="text/javascript">
		window.onresize=function(){
			window.location.reload()
		}
		var width=document.documentElement.clientWidth;
		document.documentElement.style.fontSize=width/20+"px";
	</script>
</html>
